import { Calendar, dayjsLocalizer } from 'react-big-calendar'
import 'react-big-calendar/lib/css/react-big-calendar.css'
import Button from '@material-ui/core/Button';
import dayjs from 'dayjs'
// import axios from 'axios'

function App() {
    const localizer = dayjsLocalizer(dayjs)
    const myEventsList=[
        {
            start:dayjs('2024-07-18T12:00:00').toDate(),
            end:dayjs('2024-07-18T13:00:00').toDate(),
            title:'zbcd'
        },
        {
            start:dayjs('2024-07-18T11:00:00').toDate(),
            end:dayjs('2024-07-18T14:00:00').toDate(),
            title:'zbcd'
        }
    ];
    return (
      <div style={{
          height:'90vh',
          width:'70vw'
      }}>
          <Button variant="contained" color="primary">
              你好，世界
          </Button>
        <Calendar
            localizer={localizer}
            events={myEventsList}
            startAccessor="start"
            endAccessor="end"
        />
      </div>
  )
}

export default App
